<template>
  <div class="question_wrapper">
    <div class="question_wrapper_inner">
      {{ content }}
    </div>
  </div>
</template>

<script>
export default {
  name: 'Answer',
  props: {
    content: {
      type: String,
      default: ''
    }
  }
}
</script>

<style scoped lang="scss">
.question_wrapper {
  display: flex;
  justify-content: flex-end;

  .question_wrapper_inner {
    width: max-content;
    border-radius: 15px 0px 15px 15px;
    box-sizing: border-box;
    background: linear-gradient(132deg, rgb(66, 57, 229) 0%, rgb(100, 90, 243) 100%);
    padding: 10px;
    color: #fff;

    text-align: left;
  }
}
</style>
